.dropdown-list {
  background-color: var(--color-dropdown-background);
  border-radius: 5px;
  height: fit-content;
  list-style-type: none;
  max-height: 200px;
  min-width: 150px;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  width: fit-content;

  > li {
    > button {
      background: none;
      border: none;

      color: var(--color-text-primary);
      cursor: pointer;
      font-size: var(--font-size-body1);
      padding: var(--space-12);
      text-align: center;
      width: 100%;

      &:hover {
        background-color: var(--color-dropdown-hover);
      }
    }
  }
}
